<template>
  <div class="pictureld">
    <div class="pictureld-body">
      <div class="tit">填写基本信息</div>
      <div class="pictureld-box">
        <p>昵称</p>
        <p>xxxx</p>
      </div>
      <div class="pictureld-box">
        <p>手机号</p>
        <p>xxxxxxxx</p>
      </div>
      <div class="pictureld-box">
        <p>验证码</p>
        <p>xxxxxxxx</p>
      </div>
      <div class="testBtn" @click="bindTurn">跳转</div>
    </div> 
  </div>
</template>

<script>
import { defineComponent, ref, onMounted } from "vue";
import $wx from 'weixin-js-sdk'
// import $uni from 'uniapp'
export default defineComponent({
  setup() {
    onMounted(() => {
     
    });
    const bindTurn = ()=>{
        console.log('c');
        this.uni.postMessage({
            data: {
                action: 'message'
            }
        });
        // $wx.miniProgram.postMessage({
        //     data:{
        //         url:'/page/dadadad',
        //         method:'get'
        //     }
        // })
    }
    return{
        bindTurn
    }
  },
});
</script>

<style lang="less">
.pictureld {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  .pictureld-body {
    width: 100%;
    // height: 120px;
    background-color: aqua;
    padding: 20px;
    .tit {
      font-weight: bolder;
      font-size: 20px;
      margin-bottom: 20px;
    }
    .pictureld-box {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }

    .testBtn{
        width: 120px;
        height: 120px;
        background-color: blueviolet;
    }
  }
}
</style>